<template>
	<view class="search">
		<view class="input" @click="toSearch">
			<text>请输入你想知道的冷知识</text>
		</view>
		<image src="../../static/bg6.gif" />
	</view>
</template>

<script>
	export default {
		
		methods: {
			toSearch() {
				uni.navigateTo({
					url: `/pages/newSearch/newSearch`
				})
			},
		},
		
	}
</script>

<style lang="scss" scoped>
	
	.search {
		.input {
			border: 1px solid #ccc;
			border-radius: 999px;
			height: 50px;
			width: 90vw;
			margin-left: 5vw;
			position: absolute;
			top: 35vw;
			text-align: center;
			line-height: 50px;
			color: #c3c3c3;
		}
		image {
			position: absolute;
			
			bottom: 0;
		}
	}
</style>